$(function () {
    // 点击'注册账号'的链接
    $('#link_reg').on('click', function () {
        $('.login-box').hide()
        $('.reg-box').show()
    })
    $('#link_login').on('click', function () {
        $('.reg-box').hide()
        $('.login-box').show()
    })
})

layui.form.verify({
    //想要校验密码的长度
    pass: [/^[\S]{6,18}$/, '密码必须6到18位,且不能出现空格'],
    // 为了校验密码和确认密码是否一致
    rePwd: (val) => {
        // val 就是确认密码的值
        // 密码输入框的value值
        const pwdValue = $('#password').val().trim()
        if (val !== pwdValue) return ('两次密码不一致')
    }
})
// 1 需要给注册的表单添加submit事件
// 2 阻止表单的默认行为
// 3 获取到输入框里面的内容
// 4 参考接口文档 关注接口地址与请求方式
// 5 发送ajax
// 6 接受服务器响应回来的数据 看看是否注册成功 注册失败需提示用户
// 7 注册成功 模拟去登录a标签的点击事件

$('#reg_form').on('submit', function (e) {
    e.preventDefault()
    // 获取到输入框的内容 
    const data = $(this).serialize()
    $.post('/api/reguser', data, res => {
        const {
            status,
            massage
        } = res
        if (status !== 0) return layui.layer.msg(massage)
        // 注册成功 模拟去登录a标签的事件
        layui.layer.msg('注册成功')
        $('#link_login').click()
    })
})

// 给登陆页面添加submit事件
/**
 * 1. 需要给登录的表单添加submit事件
 * 2. 阻止表单的默认行为
 * 3. 获取到输入框里面的内容
 * 4. 参考接口文档 关注接口地址与请求方式
 * 5. 发送ajax
 * 6. 接收服务器响应回来的数据 看看是否登录成功 登录失败需要提示用户
 * 7. 需要将服务器响应回来的token保存到本地存储中
 * 8. 跳转到后台首页
 */

$('#login_form').on('submit', function (e) {
    e.preventDefault()
    const data = $(this).serialize()
    $.ajax({
        method: 'POST',
        url: '/api/login',
        data,
        success: res => {
            const {
                status,
                massage,
                token
            } = res
            if (status !== 0) return layui.layer.msg(massage)
            sessionStorage.setItem('token', token);
            // 跳转到后台首页
            location.href = './index.html'
        }
    })
})